<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>LeeSir点餐</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/swiper.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
		<link rel="stylesheet" href="css/xiaoma.css" />
		<style type="text/css">
			.swiper-slide-active{
				width: 8.8rem!important;
                height: 1.5rem!important;
	            color: #000000 !important;
            }
		</style>
		<script>
			var iScale = 1;
			iScale = iScale / window.devicePixelRatio;
			document.write('<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=' + iScale + ',minimum-scale=' + iScale + ',maximum-scale=' + iScale + '">')
		</script>
		<!--动态设置文字大小-->
		<script>
			var iWidth = document.documentElement.clientWidth;
			document.getElementsByTagName('html')[0].style.fontSize = iWidth / 15 + 'px';
		</script>
	</head>
  <body>
  	<div id='header'>
   	  <div class="header-yi">
   	  	<img src="img/2452.png" alt="" />
   	  </div>
   	  <div class="header-er">LeeSir点餐</div>
   	  <div class="header-san">
   	  	<img src="img/14554.png" alt="" />
   	  </div>
   </div>
   <div class="top-tool" id="tianqi">
        <span id="sj"></span>
        <span id="weather">
        	<img width="50px" height="50px" src="">
        </span>
        <a href="gerenzhongxin.html"><img src="img/174527.png" alt="" class="tia-img"/></a>
   </div>
   <div id="section">
   	  <div class="banner">
   	  	  <ul class="banner-yi">
   	  	  	<li style="display: block;"><img src="img/17857.png" alt="" /></li>
   	  	  	<li><img src="img/417.png" alt="" /></li>
   	  	  	<li><img src="img/17857.png" alt="" /></li>
   	  	  </ul>
   	  	  <ul class="banner-er">
   	  	  	<li class="active">
   	  	  		<span>菜品A</span>
   	  	  		<div style="display: block;"></div>
   	  	  	</li>
   	  	  	<li>
   	  	  		<span>菜品B</span>
   	  	  		<div></div>
   	  	  	</li>
   	  	  	<li>
   	  	  		<span>菜品C</span>
   	  	  		<div></div>
   	  	  	</li>
   	  	  </ul>
   	  	  <div class="ban-kuang">
   	  	  	 <div class="hhhh" style="display: block;">香芹蒜苗午餐肉</div>
   	  	  	 <div class="hhhh">蒜苔炒鸡胗</div>
   	  	  	 <div class="hhhh">香芹蒜苗</div>
   	  	  </div>
   	  	  <div class="xieti">
   	  	  	<span>12/24&nbsp;餐品</span>
   	  	  </div>
   	  </div>
       <div class="queren">
       	  <img src="img/7.png" alt="" />
       	  <span>请确认自己所在区域位置正确</span>
       </div>
   	  <div class="dizhi">
   	  	 <div>
   	  	 	<img src="img/11.png" alt="" />
   	  	 	<span>863软件园</span>
   	  	 </div>
   	  	 <img src="img/12.png" alt="" />
   	  </div>
   	<!--//餐品-->
   	   <div class="caipin">
   	   	  <img src="img/2745257.png" alt="" />
   	   	  <div class="cai-xiang">
   	   	  	<div class="cxiang-tittle">
   	   	  		<p>健康餐</p>
   	   	  		<p>月售:300份</p>
   	   	  		<span>￥<i>10</i></span>
   	   	  	</div>
   	   	  	<p>菜品A(125克)+菜品B(125克)+菜品C(125克)</p>
   	   	  	<h1>米饭250克</h1>
   	   	  	<div class="cxiang-yang">
   	   	  		<p>仅剩:<i>16</i>份</p>
   	   	  		<span>两荤一素</span>
   	   	  		<div class="cai-shu">
   	   	  			<div class="shu-yi">-</div>
   	   	  			<span>0</span>
   	   	  			<div class="shu-er">+</div>
   	   	  		</div>
   	   	  	</div>
   	   	  </div>
   	   	  <div class="gaizi"></div>
   	   </div>  <!--//菜品-->
   	   <div class="caipin">
   	   	  <img src="img/2745257.png" alt="" />
   	   	  <div class="cai-xiang">
   	   	  	<div class="cxiang-tittle">
   	   	  		<p>A标准餐</p>
   	   	  		<p>月售:120份</p>
   	   	  		<span>￥<i>8</i></span>
   	   	  	</div>
   	   	  	<p>菜品A(125克)+菜品B(125克)</p>
   	   	  	<h1>米饭250克</h1>
   	   	  	<div class="cxiang-yang">
   	   	  		<p>仅剩:<i>36</i>份</p>
   	   	  		<span>一荤一素</span>
   	   	  		<div class="cai-shu">
   	   	  			<div class="shu-yi">-</div>
   	   	  			<span>0</span>
   	   	  			<div class="shu-er">+</div>
   	   	  		</div>
   	   	  	</div>
   	   	  </div>
   	   	  <div class="gaizi"></div>
   	   </div>  <!--//菜品-->
   	    <div class="caipin">
   	   	  <img src="img/2745257.png" alt="" />
   	   	  <div class="cai-xiang">
   	   	  	<div class="cxiang-tittle">
   	   	  		<p>B标准餐</p>
   	   	  		<p>月售:120份</p>
   	   	  		<span>￥<i>8</i></span>
   	   	  	</div>
   	   	  	<p>菜品A(125克)+菜品B(125克)</p>
   	   	  	<h1>米饭250克</h1>
   	   	  	<div class="cxiang-yang">
   	   	  		<p>仅剩:<i>156</i>份</p>
   	   	  		<span>一荤一素</span>
   	   	  		<div class="cai-shu">
   	   	  			<div class="shu-yi">-</div>
   	   	  			<span>0</span>
   	   	  			<div class="shu-er">+</div>
   	   	  		</div>
   	   	  	</div>
   	   	  </div>
   	   	  <div class="gaizi"></div>
   	   </div>  <!--//菜品-->
   	   <div class="caipin">
   	   	  <img src="img/2745257.png" alt="" />
   	   	  <div class="cai-xiang">
   	   	  	<div class="cxiang-tittle">
   	   	  		<p>大胃餐</p>
   	   	  		<p>月售:  300份</p>
   	   	  		<span>￥<i>12</i></span>
   	   	  	</div>
   	   	  	<p>菜品A(125克)+菜品B(125克)+菜品C(125克)</p>
   	   	  	<h1>米饭250克</h1>
   	   	  	<div class="cxiang-yang">
   	   	  		<p>仅剩:<i>36</i>份</p>
   	   	  		<span>两荤一素</span>
   	   	  		<div class="cai-shu">
   	   	  			<div class="shu-yi">-</div>
   	   	  			<span>0</span>
   	   	  			<div class="shu-er">+</div>
   	   	  		</div>
   	   	  	</div>
   	   	  </div>
   	   	  <div class="gaizi"></div>
   	   </div>  <!--//菜品-->
   </div>
   <div id="footer">
   	   <div class="footer-yi">
   	    	<img src="img/3.png" alt="" />
   	   	    <span>0</span>  	   	    
   	   </div>
   	   <div class="footer-er">
   	   	    <p>￥0</p>
   	   	    <span>订单将保留<br><span id="time">10:00</span></span>
   	   	    <div>配送至:863软件园</div>
   	   </div>
   	   <div class="footer-san"><a href="querendingdan.html">去结算</a></div>
   </div>
<!--//购买列表-->
   <div id="liebiao">
   	 <div class="biao-main">
   	   <div class="biao-head">
   	   	    <div class="biao-yi">
   	   	  	   <img src="img/1.png" alt="" />
   	   	  	   <span>购物列表</span>
   	   	    </div>
   	   	    <div class="biao-er">
   	   	  	   <img src="img/6.png" alt="" />
   	   	  	   <span>清空购物车</span>
   	   	    </div>
   	   </div>
   	   <div class="biao-xiang">
   	   	   <h1>健康餐</h1>
   	   	   <p>剩余:<i></i>份</p>
   	   	   <span>￥<i>10</i></span>
   	   	   <div class="biao-shu">
   	   	   	    <a href="#" class="shu-yi">-</a>
   	   	   	    <span></span>
   	   	   	    <a href="#" class="shu-er">+</a>
   	   	   </div>
   	   	   <div class="gaizii"></div>
   	   </div>
   	   <div class="biao-xiang">
   	   	   <h1>A标准餐</h1>
   	   	   <p>剩余:<i></i>份</p>
   	   	   <span>￥<i>8</i></span>
   	   	   <div class="biao-shu">
   	   	   	    <a href="#" class="shu-yi">-</a>
   	   	   	    <span></span>
   	   	   	    <a href="#" class="shu-er">+</a>
   	   	   </div>
   	   	   <div class="gaizii"></div>
   	   </div>
   	   <div class="biao-xiang">
   	   	   <h1>B标准餐</h1>
   	   	   <p>剩余:<i></i>份</p>
   	   	   <span>￥<i>8</i></span>
   	   	   <div class="biao-shu">
   	   	   	    <a href="#" class="shu-yi">-</a>
   	   	   	    <span></span>
   	   	   	    <a href="#" class="shu-er">+</a>
   	   	   </div>
   	   	   <div class="gaizii"></div>
   	   </div>
   	    <div class="biao-xiang">
   	   	   <h1>大胃餐</h1>
   	   	   <p>剩余:<i></i>份</p>
   	   	   <span>￥<i>12</i></span>
   	   	   <div class="biao-shu">
   	   	   	    <a href="#" class="shu-yi">-</a>
   	   	   	    <span></span>
   	   	   	    <a href="#" class="shu-er">+</a>
   	   	   </div>
   	   	   <div class="gaizii"></div>
   	   </div>
   	 </div>
   </div>
<!--//修改区域-->
   <div id="quyu">
   	  <div class="quyu-main">
   	    <div class="quyu-head">
   	   	   <img src="img/11.png" alt="" />
   	   	   <span>请选择所在区域</span>
   	    </div>
   	    <div class="quyu-kuang"></div>
   	    <div id="qu-kuang">
   	        <div class="quyu-ul">
   			  <div class='swiper-wrapper '>
   				<div class="swiper-slide sl">
   				    <span>863软件园</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>创业中心</span>
   				</div>
				<div class="swiper-slide sl ">
					<span>863软件园</span>
				</div>
   				<div class="swiper-slide sl ">
   				    <span>创业中心</span>
   				</div>
   				<div class="swiper-slide sl ">
   				    <span>863软件园</span>
   				</div>
   			  </div>
   		    </div>
   	    </div> 
   	    <div class="quyu-anniu">
   	    	<span class="anniu-yi">取消</span>
   	    	<span class="anniu-er">确定</span>
   	    </div>
   	  </div>
   </div>
   <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
   <script type="text/javascript" src="js/mui.min.js"></script>
   <script type="text/javascript" src="js/tianqi.js"></script>
   <script type="text/javascript" src="js/swiper.js"></script>
   <script type="text/javascript" src="js/xiaoma.js"></script>
  </body>
</html>
